<template>
  <view class="container">
    <!-- 顶部对勾图标 -->
    <!-- <image class="success-icon" src="/static/success.png" mode="aspectFit" /> -->
    <u-icon name="checkmark-circle-fill" size="120" color="#4d7cff" />
    <!-- 标题 -->
    <view class="title">申请成功</view>
    <!-- 说明文字 -->
    <view class="desc">
      工作人员将会在1-2个工作日内进行审核，如果证明材料符合要求，审核通过后，您将能使用该系统进行试用
      <!-- 系统会发送一条签名为【叮咚物业】的短信至申请时的手机号
      ，包含系统账号、密码、系统使用说明等。因部分手机拦截原因，若未收到可进入"垃圾信息"中查找。<br/> -->
      为了节省您繁琐等待的时间，建议您同步阅读使用说明中的图文链接并进行操作体验。
    </view>
    <!-- 微信联系审核 -->
    <view class="wechat-section">
        <view>
      <view class="wechat-text">添加微信，快速联系审核></view>
      <view class=" u-flex wechat-text u-m-t-20">
        <view>咨询电话：</view>
        <view @click="callPhone" class="service-dialog-desc-phone">{{phoneNumber}}</view>
      </view>
      </view>
      <!-- <image class="wechat-qrcode"
       src="https://ainij.oss-cn-beijing.aliyuncs.com/pms/202507/code.jpg" 
       :show-menu-by-longpress="true" mode="aspectFit" /> -->
       <image class="wechat-qrcode"
       :src="codeUrl" 
       :show-menu-by-longpress="true" mode="aspectFit" /> 
    </view>
    <!-- 返回首页按钮 -->
    <button class="ok-button" @click="goHome">返回首页</button>
  </view>
</template>

<script>
import companyInfo from '@/util/companyInfo'
import { codeUrl } from '@/util/config'
export default {
    data(){
        return {
          codeUrl,
            phoneNumber:companyInfo.phone
        }
    },
  methods: {
    callPhone(){
      uni.makePhoneCall({
        phoneNumber: this.phoneNumber
      })
    },
    goHome() {
      uni.switchTab({
        url: '/pages/home/index'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40rpx 24rpx 0 24rpx;
  min-height: 100vh;
  background: #fff;
}
.success-icon {
  width: 120rpx;
  height: 120rpx;
  margin-top: 40rpx;
}
.title {
  font-size: 36rpx;
  font-weight: bold;
  margin: 32rpx 0 24rpx 0;
  color: #222;
}
.desc {
  font-size: 26rpx;
  color: #666;
  text-align: left;
  margin-bottom: 60rpx;
  line-height: 1.7;
}
.wechat-section {
width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80rpx;
  padding: 0 30rpx;
}
.wechat-text {
  font-size: 28rpx;
  color: #222;
  margin-right: 16rpx;
}
.wechat-qrcode {
  width: 190rpx;
  height: 190rpx;
  padding: 20rpx;
  border-radius: 12rpx;
  border: 1rpx solid #eee;
}
.back-btn {
  width: 240rpx;
  height: 64rpx;
  background: $uni-color-primary;
  color: #fff;
  font-size: 28rpx;
  border-radius: 8rpx;
  margin-top: 40rpx;
}
.service-dialog-desc-phone{
  color: $uni-color-primary;
}
</style>
